@CHARSET "UTF-8";
/* login.jsp*/


.body .login {
  width: 100%;
  height: 3em;
}
.login {
  margin-top: 0.5em;
}

.body .login2 {
  width: 100%;
  height: 3em;
  margin-top: 1em;
}
.body .login div {
  float: left;
}
.login .al {
  width: 100%;
  background-color: #fff;
}
.all {
  width: 14%;
  float: left;
}
.all img {
	margin-top: 0.5em;
	margin-left: 0.8em;
	width: 45%;
}
.button p a {
	text-decoration: underline;
}
.body .login .input {
  width: 84%;
  height: 2.3em;
  float: right;
  border: 0;
}
.body .login {
  width: 100%;
  height: 3em;
}
.body .login2 {
  width: 100%;
  height: 3em;
  margin-top: 1em;
}


.button .p1 {
  width: 100%;
  text-align: center;
}
.button .p1 span{
	margin:0 15px;
}
.button .p2 {
  text-align: center;
  width: 9%;
}
.button .p33 {
  width: 50%;
}

.button {
  margin-top: 1.5em;
  width: 100%;
  font-size: 0.8em;
}

/* register_entry*/
.main_04 {
  text-align: center;
  position: relative;
  margin-left: 8%;
  margin-right: 8%;
}
.main_04 #label_1 {
  padding-top: 10%;
  width: 100%;
}
.main_04 img {
  width: 100%;
}
.gender_wrap li{
	float:left;
	
}
.gender_wrap li .ui-btn,.gender_wrap li .ui-btn:hover{
	background-color:#f3f3f3;
	
}


.gender_wrap .ui-radio-on,.gender_wrap  .ui-radio-off{
	border-radius:0px;
	-webkit-border-radius:0px;
	border:none;
}
.gender_wrap .radio-label{
	  margin: .5em 0;
  position: relative;
  padding:0.7em 0em;
	
}
.gender_wrap .radio-label a{display:none}
.fileUpload_class {
  width: 100%;
  height: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity = 0);
  -khtml-opacity: 0;
  display:block;
}
.main_01 #label_1 {
  position: relative;
  padding-top: 5%;
  padding-left: 3%;
  margin: 0 auto;
  width: 45%;
  float: left;
}
.upload_content .img-wrap{
	margin:5% auto;
	width:100%;
	background-color:#fff;border-radius:10px;padding:2.5% 0 5% 0
}

.upload_content .img-small{
	
	width:50%;
}
.img-wrap .img-wrap-inner{padding: 0 5%}
.upload_content .img-wrap .uploadBot{position:relative;padding-top:5%;overflow:hidden}
.upload_content .img-wrap .uploadText{width:78%;float:left}
.upload_content .img-wrap .uploadButton{float:right;display:block;width:20%;cursor: pointer;}
.img-wrap img{
	width:100%;
	height:auto;
	max-width:100%
}
.img-small img{
	width:95%;
	height:auto;
	border:solid 1px #dbdad1;
}
.img-small .left{
	margin-right:5%;
}
.img-small .right{
	margin-left:5%;
}
.img-avatar {
	
	overflow:hidden;
	width:250px;
	height:auto;
	margin:0px auto;
	position:relative;
}
#zoom_group {
	padding:5px;
	backgroud-color:#fff;
}
.avatar-canvas{
	width:150px;
	height:150px;
	margin:0px auto;
	position:relative
}
#canvas_tmp{
	-webkit-mask: url(../img/preview_mask.png);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	
}
.img-avatar #imghead, .img-avatar #img_default{
	
	width:100%;
	height:auto;
	margin:0px auto;
	left:0;
	top:0;
	position:relative;
	-webkit-transition:width 2s, height 2s,	
	
}
#img_avatar{
	left:50px;
	top:50px;
	position:absolute;
}
#avatar_mask_wrap{
	width:250px;
	height:250px;
	-webkit-mask: url(../img/upload_mask.png);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	overflow:hidden;
	
}
.button_group li{
	float:left;
}
.img-avatar p{
	text-align:center;
	margin:10px 0px 20px 0px;
}
.img-small {
	float:left;
}
.img-wrap p.t{
	height:1.5em;line-height:1.5em;padding-left:0.5em;margin-bottom:2.5%;border-left:5px solid #fcc300;
}
.img-small p{
	text-align:center;
	margin:10px 0px 20px 0px;;
}


.fileUpload_div {
  width: 100%;
  height: 100%;
  display:inline-block;
  
}
.main_01 {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 8%;
}
.main_01 img {
  width: 100%;
}
.avt-arrow{
	border:none;
	background-color:transparent;
	float:left;
	z-index:50;
}
.avt-arrow-top{
	background-image:url('../img/avt_arrow1.png');
	width:40px;
	height:25px;
	background-position-y:25px;
	left:105px;
	position:absolute;
}
.avt-arrow-left{
	background-image:url('../img/avt_arrow2.png');
	width:25px;
	height:40px;
	background-position-x:25px;
	top:105px;
	position:absolute;
	
}
.avt-arrow-right{
	background-image:url('../img/avt_arrow2.png');
	width:25px;
	height:40px;
	top:105px;
	left:225px;
	position:absolute;
	
}
.avt-arrow-bottom{
	background-image:url('../img/avt_arrow1.png');
	width:40px;
	height:25px;
	left:105px;
	top:225px;
	position:absolute;
}
.avt-arrow-layer{
	z-index:5000;
}
.avt-arrow-layer:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.avatar-zoom{
	width:50px;
	height:50px;
	float:right;
	border:none;
	background-color:transparent;
}
.avatar-zoom-in{
	background-image:url('../img/zoom.png');
	background-position-y:50px;
}
.avatar-zoom-out{
	background-image:url('../img/zoom.png');
}